<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#sp1{
				color:red;
			}
			#box .class222{
				color:orange;
			}
			/*后代选择器的拼爹模式,需要父级优先级一样的情况下,才看下级标签*/
			#box span{
				color:blue;
			}
			div #h33{
				color: lawngreen;
			}
			#h11 span{
				color: red;
			}
		</style>
	</head>
	<body>
		<div id="box" class="class111">
			<span id="sp1" class="class222" <!--style="color:paleturquoise-->;">我是儿子span</span>
		</div>
		<div id="h11" class="h22">
			<span id="h33" class="h44">这是什么鬼</span>
			
		</div>
		
		
	</body>
</html>
